<template>
    <div class="GetGoods">
        <div class="Goodsdetail">
        <p>您已获得丽江泸沽湖景区家庭套票，</p>
        <p>使用有效期为：<span> 2018-09-16 ~ 2019-09-16</span></p>
        <p>前往景区时凭二维码换取纸质门票进场</p>

        <p class="seemore">单击查看使用教程>></p>
        </div>
        <div class="ewm">
            <p>5111d52SF444554444</p>
            <div class="img">
                <img src="https://i1.mifile.cn/a4/xmad_15350951136177_QUuVm.png" alt="">
            </div>
        </div>
        <div class="btn_box">
            <p class="btn">返回开奖信息</p>
            <router-link to="/MyDraw" class="btn">前往我的抽奖</router-link>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="less">
@import "../style/base.less";

.GetGoods{
    background: #fff;
        padding: 24/@px;
        padding-bottom: 30/@px;
        
        .Goodsdetail{
            font-size: 30/@px;
            .seemore{
                color: #ff0032;
                margin-top: 26/@px;
              
            }
        }
        .ewm{
            padding-top: 42/@px;
            padding-bottom: 66/@px;
            margin-top: 30/@px;
            border-top: 1px solid #e5e5e5;
           text-align: center;
            p{
               margin-bottom: 40/@px;
               font-size: 34/@px;
               color: #333;
            }
            .img{
                margin-left: 50%;
                transform: translateX(-50%);
                width: 260/@px;
                height: 260/@px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .btn_box{
            display: flex;
            justify-content:center;
            .btn{
                color: #333;
                font-size: 36/@px;
                padding: 24/@px 56/@px;
                background: #ffdb4f;
                border-radius: 10/@px;
                
            }
            .btn:first-child{
                margin-right: 24/@px;
                background: #ccc;
            }
        }
}



</style>